<%@page contentType="text/html" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<tiles:insertTemplate template="/WEB-INF/template/core.jsp">
	
    <tiles:putAttribute name="css">
        <link rel="stylesheet" type="text/css" href="<c:url value="/css/mehm.css"/>">
        <tiles:insertAttribute name="css_extension" defaultValue="" />
    </tiles:putAttribute>
    
    <tiles:putAttribute name="js">
        <script charset="utf-8" type="text/javascript">
        //<![CDATA[
            jQuery(document).ready(function() {

                $(".signin").click(function(e) {          
                    e.preventDefault();
                    $("fieldset#signin_menu").toggle();
                    $(".signin").toggleClass("menu-open");
                });

                $("fieldset#signin_menu").mouseup(function() {
                    return false
                });
                jQuery(document).mouseup(function(e) {
                    if($(e.target).parent("a.signin").length==0) {
                        $(".signin").removeClass("menu-open");
                        $("fieldset#signin_menu").hide();
                    }
                });			

            });
        //]]>
        </script>
        <tiles:insertAttribute name="js_extension" defaultValue="" />
    </tiles:putAttribute>

    <tiles:putAttribute name="google_analytics">
        <script type="text/javascript">
        //<![CDATA[
           
        //]]>
        </script>
    </tiles:putAttribute>

<tiles:putAttribute name="body" cascade="true">
    <div class="content"> 
        <header> 
            <div id="logo">

            </div>
            <div id="menu_top">
                <div id="topnav" class="topnav"> <span>Casdastre-se</span> <a href="#" class="signin"><span>Login</span></a> </div>
                <fieldset id="signin_menu">                    
                    <form method="POST" id="signin" action="<c:url value='/rest/login'/>">
                        
                        <label for="username">Usuário</label>
                        <input id="username" name="login.usuario" value="" title="usuario" tabindex="4" type="text">
                        <!-- </p> -->
                        <p>
                            <label for="password">Senha</label>
                            <input id="password" name="login.senha" value="" title="senha" tabindex="5" type="password">
                        </p>
                        <!--
                        <p class="remember">
                            <input id="signin_submit" value="Entrar" tabindex="6" type="submit">
                            <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
                            <label for="remember">Lembrar minha senha</label>
                        </p>
                        -->
                        <p class="forgot"> 
                            <a href="#" id="resend_password_link">Esqueci minha senha</a>
                        </p>
                        <p>
                            <input type="submit" name="submit" value="Login" />
                        </p>
                    </form> 
                </fieldset>
            </div>
        </header> 
        
        <tiles:insertAttribute name="content"/>

        <footer> 
            <img src="<c:url value='/img/barra_rodape.png'/>" width="1020" height="8"/>

            <div id="menu_rodape">
                <ul id="copy_idioma">
                    <li id="copyright">&copy; Copyright Portfull ${year}.</li>
                    <li id="idioma"><a href="<c:url value="#pt-br"/>" alt="pt-br">Português (Brasil)</a></li>
                </ul>

                <ul id="menu">

                    <li id="ajuda"><a href="<c:url value="/ajuda"/>" alt="ajuda">Ajuda</a></li>
                    <li id="anunciantes"><a href="<c:url value="/anunciantes"/>" alt="anunciantes">Anunciantes</a></li>
                    <li id="contato"><a href="<c:url value="/contato"/>" alt="contato">Contato</a></li>
                    <li id="emprego"><a href="<c:url value="/emprego"/>" alt="emprego">Emprego</a></li>
                    <li id="mobile"><a href="<c:url value="/mobile"/>" alt="mobile">Mobile</a></li>
                    <li id="privacidade"><a href="<c:url value="/privacidade"/>" alt="privacidade">Privacidade</a></li>
                    <li id="sobre"><a href="<c:url value="/sobre"/>" alt="sobre">Sobre</a></li>
                    <li id="termos"><a href="<c:url value="/termos"/>" alt="termos">Termos</a></li>

                </ul>
            </div>
        </footer> 

    </div> 

</tiles:putAttribute>
        
</tiles:insertTemplate>
